<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_detail.css">
</head>
<body>
    <div class="nav">
        <img src="img/3.jpg" alt="">
        <span class="title">我的博客系统</span>
        <!-- spacer 不显示任何内容,只是占位 -->
        <div class="spacer"></div>
        <a href="blog_list.html">主页</blog_list></a>
        <a href="blog_edit.html">写博客</a>
        <a href="#">注销</a>
    </div>
    <div class="container">
        <div class="container-left">
            <div class="card">
                <!-- 用户头像 -->
                <img src="img/头像2.png" alt="">
                <!-- 用户名字 -->
                <h3>伴kun远航</h3>
                <a href="#">gitee 地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <div class="blog-detail">
                <h3>我的第一篇博客</h3>
                <div class="date">2022-11-07 12:00:00</div>
                <p>
                    从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,从今天开始,我要努力敲代码,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习,学习学习
                    ,努力的学习,学习学习,努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习努力的学习,学习学习,努力的学习,努力的学习,学习学习,努力的学习努力的学习努力的学习努力的学习努力的学习
                </p>
            </div>
        </div>
    </div>
</body>
</html>